<template>
  <div id="app">
        <Shopp></Shopp>
        <Lives class="lives" ref='childRef'></Lives>
      <Footer class="footer"></Footer>

  </div>
</template>

<script>
import Shopp from "../components/shopp.vue";
import Lives from "../components/lives.vue";
import Footer from "../components/footer.vue";
export default {
  name: 'App',
  data() {
    return {
      parMsg:''
    }
  },
  components: {
    Shopp,Lives,Footer
  },
  methods: {
    getRef() {
      console.log(this.$refs.childRef.child)
    },
    submit(val) {
      this.childData = val
console.log(val)
    }
  }
}

</script>

<style scoped>
.footer{
  position: fixed;
  bottom: 0;
}
.lives{
  margin-bottom: 0.65rem;
}
</style>
